<template>
  <!-- 项目实施-具体人员任务列表 3-3 -->
  <div>

    <div class="table-wrap" v-if="!DateShow">
      <div class="table-top">
        <a-button type="primary" class="buttonColorGreen addButton ml10 mr10">新增</a-button>
        <a-input-search placeholder="请输入内容" v-model="search" class="search" @search="onSearch" />
        <a-button type="primary" class="buttonColorGreen ml10 mr10">查询</a-button>
        <a-button type="primary" class="buttonColorGreen ml10 mr10" @click="reset">重置</a-button>
      </div>

      <a-tabs defaultActiveKey="1">
        <a-tab-pane tab="进行中" key="1">
          <TaskTable :tableData="tableData" :DateShow.sync="DateShow"></TaskTable>
        </a-tab-pane>
        <a-tab-pane tab="已完成" key="2">
          <TaskTable :tableData="tableData" :DateShow.sync="DateShow"></TaskTable>
        </a-tab-pane>
        <a-tab-pane tab="未开始" key="3">
          <TaskTable :tableData="tableData" :DateShow.sync="DateShow"></TaskTable>
        </a-tab-pane>
      </a-tabs>
    </div>
    <Date :DateShow.sync="DateShow"></Date>
  </div>
</template>

<script>
import TaskTable from '@/components/personnelTable'
import Date from './date'
const tableData = [//表格数据
  {
    number: '1',
    name: '南昌县A项目',
    objectName: '外业测量',
    objectNum: 'RJ_001',
    checkinTime: 'AB村外业测量',
    time: "aaaa",
    content: "bbbbbb",
    objectType: '张三',
    price: '20%',
    allPrice: 3,
    ss: 20,
    result: "已经检查"
  },
  {
    number: '2',
    name: '南昌县A项目',
    objectName: '外业测量',
    objectNum: 'RJ_001',
    checkinTime: 'AB村外业测量',
    time: "aaaa",
    content: "bbbbbb",
    objectType: '张三',
    price: '20%',
    allPrice: 3,
    ss: 20,
    result: "已经检查"
  },
  {
    number: '3',
    name: '南昌县A项目',
    objectName: '外业测量',
    objectNum: 'RJ_001',
    checkinTime: 'AB村外业测量',
    time: "aaaa",
    content: "bbbbbb",
    objectType: '张三',
    price: '20%',
    allPrice: 3,
    ss: 20,
    result: "已经检查"
  }
];
export default {
  components: {
    TaskTable,
    Date
  },
  data() {
    return {
      tableData,
      search: '',
      isShow: false,
      DateShow: false
    }
  },
  methods: {
    onSearch() {   //搜索

    },
    reset() {  //重置
      this.search = ""
    }
  }
}
</script>

<style scoped>
>>> .ant-tabs {
  padding: 0 20px;
}
</style>

